<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <div id="app" class="app"></div>
<!--    <div id="counter">
        <vue3-country-intl></vue3-country-intl>
    </div>-->
    <script type="module" src="/src/main.js"></script>
    <!--<script src="./lib/vue3CountryIntl.js"></script>-->
<!--    <script src="https://unpkg.com/vue@next"></script>
    <script src="./dist/vue3CountryIntl.js"></script>
    <script>
      const Counter = {
        components: {
          'vue3-country-intl': window.Vue3CountryIntl
        },
        template: '<div><h1>vue3 国籍/手机区号选择器</h1><vue3-country-intl v-model="schemaInputData.default"></vue3-country-intl></div>',
        data() {
          return {
            counter: 0,
            schemaInputData: {
              default: '86'
            }
          }
        }
      }

      Vue.createApp(Counter).mount('#counter')
    </script>-->
  </body>
</html>
